// 变量
$border_color: #eeeeee;
$background_color: #f7f7f7;
$gary_title: #666666;
$gary_word: #999;
$import_word: #FCC100;
$active_color: #FF4848;
// 移动端细边框
// $direction：边框的位置，top,bottom,left,right
// $color：边框颜色
// 横向
@mixin borderAcross($direction: bottom,$color: #eeeeee) {
    background-image: -webkit-linear-gradient(bottom,transparent 60%,$color 60%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: $direction;
}
// 竖向
@mixin borderVertical($direction: left,$color: #eeeeee) {
    background-image: -webkit-linear-gradient(left,transparent 60%,$color 60%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
    background-position: $direction;
}